<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru">
<head>
    <title>Библиотека управления Uppod Player для jquery</title>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
    <style type="text/css">
        .example{
            padding:5px;
            margin:20px;
            width:500px;
        }
        .command  {
            display:inline;
            padding:5px;
            font-size:14px;
            
        }
        .command li{
            float:left;
            list-style:none;
            margin:5px;
        }
        .debug {
            font-size:10px;
            position:fixed;
            top:0;
            right:0;
            width:400px;
        }
        p.error {
            color:red;
        }
    </style>
</head>
<body>
    <div class="example" id="playlist-video-uppod">
        <div id="playlist-video-uppod-place"><img src="images/ajax2.gif" alt="Load"></div>
         <ul class="command">
            <li><a href="#" class='uppod-command-playlist-video-uppod-flash' rel='play'>Play</a></li>
            <li><a href="#" class='uppod-command-playlist-video-uppod-flash' rel='pause'>Pause</a></li>
            <li><a href="#" class='uppod-command-playlist-video-uppod-flash' rel='toggle'>Toggle</a></li>
            <li><a href="#" class='uppod-command-playlist-video-uppod-flash' rel='stop'>Stop</a></li>
            <li><a href="#" class='uppod-command-playlist-video-uppod-flash' rel='start 1'>Start 1</a></li>
            <li><a href="#" class='uppod-command-playlist-video-uppod-flash' rel='start 2'>Start 2</a></li>
            <li><a href="#" class='uppod-command-playlist-video-uppod-flash' rel='start 3'>Start 3</a></li>
            <li><a href="#" class='uppod-command-playlist-video-uppod-flash' rel='start 4'>Start 4</a></li>
         </ul>
    </div>
    <script src="http://www.google.com/jsapi"></script>
    
    <script>
      // Load jQuery
      var uppods = {};
      google.load("jquery", "1");
      google.setOnLoadCallback(function() {
        $(document).ready(function () {
            var error_emulate = $.uppod('error_emulate',{debug:true});
            uppods.playlist_video_uppod = $.uppod('playlist-video-uppod-place',{
                player_id:'playlist-video-uppod-flash',
                debug:true,
                width:400,
                height:290,
                vars:{
                    uid:'videoplayer3',
                    st:'2iob3gRLvcwV3dJZvI9zvcu8Uf443HJa2xo40NJa2xo401EVOCmb6iTr',
                    pl:'2iob3gRLvcwV3dJZvI9zvcu8Uf443HJa2xo40aW73cTL3dWh6xW73coXG54ZkxsatHmb6iTr'
                }
            });
        });
      });
    </script>
    <script src="http://uppodplugin.googlecode.com/svn/trunk/jquery/src/jquery.flash.js"></script>
    <script src="http://uppodplugin.googlecode.com/svn/trunk/jquery/src/jquery.uppod.js"></script>
</body>
</html>